$(function () {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中
    resetui()

    // 为发送按钮绑定鼠标点击事件
    // $('#btnSend').click(function () {
    //     const text = $('#ipt').val().trim()
    //     if (text == '') {
    //         return $('#ipt').val('')
    //     }
    //     $('#talk_list').append(`<li class="right_word"><img src="img/person02.png" /> <span>` + text + `</span></li>`)
    //     $('#ipt').val('')
    //     resetui()
    //     getMsg(text)
    // })
    $('#btnSend').click(function () {
        const text = $('#ipt').val().trim()
        if (text.length <= 0) {
            return $('#ipt').val('')
        }
        $('#talk_list').append(`<li class="right_word"><img src="img/person02.png" /> <span>${text}</span></li>`)
        $('#ipt').val('')
        resetui()
        getMsg(text)
    })

    // 获取聊天机器人发送回来的消息
    //              完整地址: http://ajax-api.itheima.net/api/robot
    //              请求方式： GET
    //              请求参数：spoken     要发给机器人的聊天消息
    // function getMsg(text) {
    //     $.ajax({
    //         method: 'GET',
    //         url: 'http://ajax-api.itheima.net/api/robot',
    //         data: {
    //             spoken: text
    //         },
    //         success: function (res) {
    //             if (res.message === 'success') {
    //                 const msg = res.data.info.text
    //                 $('#talk_list').append(`<li class="left_word"><img src="img/person01.png" /> <span>${text}</span></li>`)
    //                 resetui()
    //                 // TODO: 发起请求，将机器人的聊天消息转为语音格式
    //                 getVoice(msg)
    //             }
    //         }
    //     })
    function getMsg(spoken) {
        $.ajax({
            type: 'GET',
            url: 'http://ajax-api.itheima.net/api/robot',
            data: {
                spoken
            },
            success({ data: { info: { text } } }) {
                // console.log(text)
                $('#talk_list').append(`<li class="left_word"><img src="img/person01.png" /> <span> ${text} </span></li>`)
                resetui()
                getVoice(text)
            }
        })
    }
    
    // 把文字转化为语音进行播放
    //              完整地址: http://ajax-base-api-t.itheima.net/api/synthesize
    //              请求方式： GET
    //              请求参数： text     对应文字(机器人回的话)转语音
    function getVoice(text) {
        $.ajax({
            method: 'GET',
            url: 'http://ajax-base-api-t.itheima.net/api/synthesize',
            data: {
                text
            },
            success: function (res) {
                // 如果请求成功，则 res.voiceUrl 是服务器返回的音频 URL 地址
                if (res.status === 200) {
                    // console.log(res.voiceUrl);
                    $('#voice').attr('src', res.voiceUrl)
                }
            }
        })
    }
    $('#ipt').on('keyup', (e) => {
        if (e.key === 'Enter') {
            $('#btnSend').click()
        }
    })
})
    // function getVoice(text) {
    //     $.ajax({
    //         method: 'GET',
    //         url: 'http://ajax-base-api-t.itheima.net/api/synthesize',
    //         data: {
    //             text
    //         },
    //         success({ voiceUrl, status, msg }) {
    //             if (status !== 200) {
    //                 return alert(msg)
    //             }
    //             $('#voice').prop('src', voiceUrl)

    //         }

    //     })
    //     // 为文本框绑定 keyup 事件
    // }

